var loading =false;
var now_page = 1;
getContent();//列表页面加载,从json拿到数据填充到页面

/*加载更多*/
$("#loadmoreButton").on("click", function () {
    getContent();
})

/*获取资料*/
function getResourcesBtn(dataUrl,code,dataCloseDate){
    $("#code").html(code);
    $("#tips").html("请"+((code)?"复制上面提取码，":"")+"在"+dataCloseDate+"前点击【去提取】获取资料");
    $("#getResources").attr("href",dataUrl);
    $("#Dialog").css("opacity","1");        //透明度为1是不透明
    $("#Dialog").css("display","block");
}

$('#Dialog').on('click', function(){
    $(this).css("opacity","0")
    $(this).css("display","none");
});

/*获取json内容*/
function getData(result) {
    if(result.code == 0){
        return result.data.list;
    }else{
        alert(result.message||"获取信息错误");
        return null;
    }
}

/*获取内容*/
function getContent() {
    //防止点击加载多次
    if (loading) return;
    loading = true;
//        $("#loadmoreButton").removeAttr("hidden");                                                  //removeAttr  这个可以没有
    $("#loadmoreButton").html('<i class="weui-loading"></i>加载中...')
    /*获取列表*/
    $.get("student_orders.json", {"page": now_page++}, function (result, err) {                   //now_page++?   相当于第几次加载
        var items = getData(result);
        appendContent(items);
    })
}

/*把获取到的列表信息填充入#List中*/
function appendContent(items) {
    var content;
    if (items.length == 0) {
        $("#loadmoreButton").attr("hidden", true);
        /*第一次获取无数据*/
        if (now_page == 2)
            content = '<div class="weui-loadmore weui-loadmore_line"> <span class="weui-loadmore__tips">暂无数据</span> </div>'
    } else {
        var listContent = [];
        items.forEach(function (item) {
            var status = (new Date(item.deadline).getTime() - new Date().getTime())<0 ? 0 : 1;  //如果页面deadline时间比实际时间早，说明课程状态已结束        //时间相减的含义  过期状态为0
            var remaining_days = parseInt((  new Date(item.deadline).getTime() - new Date().getTime()) / (24*60*60*1000));   //剩余多少天，一天的秒数                   // ?

            listContent.push('<div class="white-area2">');
            listContent.push('     <div  onclick="location.href=\'course.html?id='+item.id+'\'">');     //点击课程跳转到相应课程       \'是什么意思,双引号单引号都有时对单引号的转译
            listContent.push('     <div class="top_class">');
            listContent.push('         <div class="class_photo" style="float:left">');
            listContent.push('             <img src="' + item.icon + '">');                //把原本页面的文字用json数据获取，item.icon
            listContent.push('         </div>');
            listContent.push('         <div class="class_border" style="float:left">');
            if(status){
                listContent.push('                   <span class="status_on">进行中</span><span class="class_name">' + item.name + '</span>');
                listContent.push('                   <div><span class="class_message">已报名' + item.orderCount + '人&nbsp;|&nbsp;剩余' + remaining_days + '天</span></div>         ');
            }else if(!status){
                listContent.push('             <span class="status_end">已结束</span><span class="class_name">' + item.name + '</span>');
                listContent.push('             <div><span class="class-status"'+((item.courseStatus) ? '>开课成功' : 'style="color: red ">开课失败')+'</span></div>');    //又一个精妙的判断
            }
            listContent.push('         </div>');
            listContent.push('         <div class="jiantou"></div>');
            listContent.push('     </div>');
            listContent.push('     <div class="class_dashed"></div>');
            listContent.push('         </div>');
            listContent.push('     <div class="download"><span style="font-size: 14px;font-family: \'宋体\'">'+item.description+'&nbsp;&nbsp;' +
                '<span class="price">¥<span style="margin-left: 4px;">' + item.amount/100 + '</span></span></span>' +
                ((item.dataUrl)?'<a class="weui-btn weui-btn_mini-mine weui-btn_primary getResourcesBtn" href="javascript:getResourcesBtn(\''+item.dataUrl+'\',\''+item.dataKey+'\',\''+item.dataCloseDate+'\')">获取资料</a>':'') +       //根据是否有获取资料的链接来是否显示按钮
                '</div>');                                                                                              //给获取资料按钮传三个参数,注意参数书写的格式
            listContent.push(' </div>');
            listContent.push(' <div class="myinput-grey-line"></div>');

        });
        content = listContent.join("");                 //  连成一句话
    }
    $("#content").append(content);
    $("#loadmoreButton").html('点击加载更多');          //id.html只是div里面的html
    loading = false;     //加载完毕
}/**
 * Created by Galois on 2017/3/25.
 */
